<template>
	<view>
		<view class="dd">
			<view class="item1">
				<image class="tx" style="width: 130rpx; height: 130rpx;" src="../../../static/mmao.png" mode=""></image>
				<view class="item2">
					<view class="item3">HI~欢迎回来</view>
					<view class="item4"><text class="itemz">登录</text></view>
				</view>
			</view>
			<view class="er1">
				<view class="er2">关注3</view>
				<view class="er3">|</view>
				<view class="er4">话题0</view>
			</view>
		</view>
		
		<view class="item-dj">
			<view>
				<navigator url="../topic/topic">
					<view class="item-left">
						<image class="menpiao" src="../../../static/shouzh.png" mode=""></image>
						<view class="item-left">收藏</view>
					</view>
				</navigator>
			</view>
			<view>
				<navigator url="../topic/topic">
					<view class="item-left">
						<image class="menpiao" src="../../../static/lishi.png" mode=""></image>
						<view class="item-left">历史</view>
					</view>
				</navigator>
			</view>
			<view>
				<navigator url="../topic/topic">
					<view class="item-left">
						<image class="menpiao" src="../../../static/shezhi.png" mode=""></image>
						<view class="item-left">设置</view>
					</view>
				</navigator>
			</view>
		</view>
		<view>
			<image style="width: 100%; height: 90rpx; " src="../../../static/gg.jpg" mode=""></image>
		</view>
		
		<view class="button">
			<image class="buttons" style="width: 100%; height: 300rpx;" src="../../../static/stup.png" mode=""></image>
			<view class="button"><text class="hh">已有</text>385，839 <text class="人"></text></view>
			<view class="button"><text class="hh">在这里发布生活的趣事</text></view>
			<navigator url="./personPublish">
				<view class="reg-right">我也要发布</view>
			</navigator>
		</view>
		
		<navigator url="../topic/topic">
			<view class="button">
				<view class="buttonx">先去逛逛 <image class="buttony" style="width: 35rpx; height: 35rpx;" src="../../../static/you.png" mode=""></image></view>
			</view>
		</navigator>
		<view class="zh"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.dd{
	padding-bottom: 0rpx;
	background-image: url(../../../static/bjmh.png);
	background-position: cneter;
	margin-top: -30rpx;
	height: 250rpx;
}
.tx{
	margin-top: 10rpx;
}
.item1{
	display: flex;
	margin-top: 30rpx;
	margin-left: 20rpx;
}
.item2{
	margin-top: 15rpx;
}
.item3{
	margin-left: 20rpx;
	color: #FFFFFF;
}
.item4{
	border-radius: 20rpx;
	color: #FFFFFF;
	width: 150rpx;
	height: 50rpx;
	background-color: #DD534D;
	margin-left: 20rpx;
	margin-top: 15rpx;
	text-align: center;
	
}

.itemz{
	color: #FFFFFF;
	
}
.er1{
	display: flex;
	margin-top: 50rpx;
	margin-left: 80rpx;
	opacity: 0.5;
}
.er2{
	margin-left: 50rpx;
	color:#FFFFFF;
}
.er3{
	margin-left: 140rpx;
	color: #FFFFFF;
}
.er4{
	margin-left: 150rpx;
	color: #FFFFFF;
}
.item-dj{
	justify-content: space-around;
	display: flex;
	flex-direction: row;
	-webkit-flex:1;
	flex: 1;
	border-bottom: 1rpx solid #e6e6e6;
	margin-top: -50rpx;
	margin-bottom: 5rpx;
}

.item-left{
	margin-top: 20rpx;
	height: 230rpx;
	line-height: 70rpx;
	text-align: center;
}
.item-left view{
	margin-top: -10rpx;
}
.menpiao{
	width: 45rpx;
	height: 45rpx;
	text-align: center;
	margin-top: 70rpx;
}
.buttons{
	margin-top: 0rpx;
}
.button{
	text-align: center;
}
.reg-right{
	border: 1rpx solid #DD524D;
	width: 250rpx;
	height: 65rpx;
	text-align: center;
	color: #DD524D;
	border-radius: 40rpx;
	margin-bottom: 20rpx;
	line-height: 70rpx;
	margin-top: 40rpx;
	margin-left: 240rpx;
}
.buttonx{
	color: #999999;
}
.hh{
	color: #999999;
}
.zh{
	height: 200rpx;
}
</style>

